<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>H5小游戏</title>
		<!--移动端版本兼容 -->
		<!--移动端版本兼容 end -->
		<link rel="stylesheet" type="text/css" href="css/css.css" />
		<link rel="stylesheet" href="css/animate.css">
	</head>

	<body>
		<img class="logo" src="images/logo2.png" />
		<div class="long">

		</div>

		<section class="gameBg">

			<div class="bg1">
				<div class="sun animated fadeInUp"><img class="city" src="images/bg1/city.png" /></div>
				<div class="animated fadeIn bgPic"><img src="images/bg1/citybg02.jpg" /></div>
			</div>
			<div class="bg2">
				<div class="sun animated fadeInUp"><img class="" src="images/bg2/sl.png" /></div>
				<img class="qq" src="images/bg2/qq.png" />
				<div class="bgPic animated zoomIn2 dur5"><img src="images/bg2/bg3.jpg" /></div>
			</div>
			<div class="bg3">
				<img class="f-star" src="images/f-star.png"/>
				<div class="sstar">
					<img class="star" src="images/s-star.png"/>
				</div>
				<div class="sstar">
					<img class="star" src="images/s-star.png"/>
				</div>
				<div class="sstar">
					<img class="star" src="images/s-star.png"/>
				</div>
				<div class="nstar">
					<img class="star" src="images/s-star.png"/>
				</div>
				<div class="nstar">
					<img class="star" src="images/s-star.png"/>
				</div>
				<div class="nstar">
					<img class="star" src="images/s-star.png"/>
				</div>
				<div class="nstar">
					<img class="star" src="images/s-star.png"/>
				</div>
				<div class="bstar">
					<img class="star" src="images/s-star.png"/>
				</div>
				<div class="bstar">
					<img class="star" src="images/s-star.png"/>
				</div>
				<div class="bstar">
					<img class="star" src="images/s-star.png"/>
				</div>
				<div class="bstar">
					<img class="star" src="images/s-star.png"/>
				</div>
				<div class="bstar">
					<img class="star" src="images/s-star.png"/>
				</div>
				<div class="sun animated fadeInUp"><img class="" src="images/bg3/he.png" /></div>
				<img class="animated moon" src="images/bg3/moon.png" />
				<div class="bgPic animated zoomIn2 dur5"><img src="images/bg3/bg.jpg" /></div>
			</div>
		</section>

		<div class="main">

			<h1 id="scoreText">0</h1>
			<div class="thrbox">
				<span class="thr">+3</span>
			</div>
			<div class="onebox">
				<span class="one">+1</span>
			</div>
			<div class="mask">
				<div class="maskbox">
					<p>是否消耗<span id="cutArrText"></span>积分复活?</p>
					<div class="btnbox clearfix">
						<button id="confirm">是</button>
						<button id="cancel">否</button>
					</div>
				</div>
			</div>
			<div class="gameOverMask">
				<div class="gameOverBox">
					<h1 class="title">游戏失败</h1>
					<h1 id="nowScore">0</h1>
					<div class="back">
						返回
					</div>
				</div>
			</div>

			<div class="hit"></div>
			<!-- 游戏区 -->
			<div class="game">
				<!-- 角色 -->
				<div class="role">
					<img id="onCar" class="car" src="images/car02.png" />
					<img class="light" src="images/light.png" />
				</div>
				<!-- 搭桥线 -->
				<!-- <div class="line"></div> -->
				<!-- 桥 -->
				<div class="bridge">
					<ul>
						<li data-currentx='0'>
							<!-- 搭桥线 -->
							<div class="line"><span></span></div>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<script src="js/jquery-1.10.2s.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/adaptive-version2.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>

	</body>

</html>